<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索页</title>
</head>
<style>
	* {
		margin: 0px;
		padding: 0px;
		background-color: #fefae9;
		text-align: center;
		font-family: "Microsoft YaHei UI", serif;
	}

	.middle {
		width: 100%;
		margin: 5px auto;
	}
	.div1 {
		height: 380px;
		width: 30%;
		margin-left: 2.5%;
		margin-top: 5px;
		float: left;
		/* 调试边框颜色，修改透明度即可 */
		border: 1px solid rgb(255, 0, 0, 50%);
	}
</style>
<body>
<div style="margin-top: 25%;">
<form>
    <input type="text"
           name="searchx"
           placeholder="X轴"
           required
           style="height: 50px;width: 200px"
    >
    <input type="text"
           name="searchy"
           placeholder="Y轴"
           required
           style="height: 50px;width: 200px"
    >
    <input type="submit" value="提交" style="height: 50px;width: 50px">
</form>
</div>
<h1>{{ xy }}</h1>
<h1>{{ x }}</h1>
<h1>{{ y }}</h1>
</body>
</html>